<template>
  <div>
    <el-card shadow="always">
      <div class="title center">食品安全承诺书</div>
      <p>
        　　为了确保食品质量安全，保障人民群众的身体健康和生命安全，本企业特向社会郑重承诺：
      </p>
      <p>
        　　一、严格依照国家法律、法规、规章和食品安全标准从事食品生产活动。本着对社会和公众高度负责的精神，切实履行食品安全主体责任，诚信守法生产经营。
      </p>
      <p>
        　　二、严格按照国家的法律、法规和相关标准的规定组织生产，保证持续满足食品质量安全的环境条件和相应的卫生条件。
      </p>

      <p>
        　　三、严格执行原辅材料、食品添加剂和食品包装材料、容器的进货验收制度，核对每批原辅材料检验合格证明，建立原辅材料采购进货台帐，严格进货检验制度。
      </p>
      <p>
        　　四、严格执行出厂检验制度，产品生产记录、检验记录和销售记录完整齐全，产品批批检验、批批留样，未经检验或检验不合格的产品不出厂销售，售出的产品要具有可追溯性，发生问题要及时召回。
      </p>
      <p>
        　　五、不违反国家规定使用或滥用食品添加剂，使用的添加剂或其它添加物质全部到企业所在地区县质监局申报，并要按照《预包装食品标签通则》的要求在产品标签标识中明示添加剂使用情况。
      </p>
      <p>
        　　六、严格执行食品标签标识规定。认真执行食品标签和说明书的有关法定要求，保证食品标签标识清楚、真实。
      </p>
      <p>
        　　七、不在食品中掺杂、掺假、以假充真、以次充好、以不合格品冒充合格品；不使用非食品原料、回收原料加工食品；不伪造或者冒用他人厂名、厂址，不伪造或者冒用质量标志。
      </p>
      <p>
        　　八、严格执行食品生产加工台帐制度。建立健全生产加工台帐，保证相关记录真实、完整、准确。
      </p>
      <p>
        　　九、不使用应获证而未获证的食品原料、食品添加剂或食品包装容器进行生产加工活动。
      </p>
      <p>　　十、不超出许可范围生产加工食品。</p>
      <p>
        　　十一、自觉遵守国家的有关法律、法规，倡导行业自律，切实履行企业食品质量安全第一责任人的义务。
      </p>
      <p>
        　　以上各项承诺，恳请政府食品安全监管部门、消费者、新闻媒体以及社会各界进行监督。
      </p>
      <div v-if="data.id" class="sign">
        <div>签署日期:{{data.signTime}}</div>
        <div>
              <el-image
              style="width: 100px; height: 100px"
              :src="data.signNameUrl"
              fit="cover"
              :preview-src-list="[data.signNameUrl]"
            ></el-image>

        </div>
      </div>
      <div class="title right red" v-else>未签署</div>
    </el-card>
  </div>
</template>
<script>
import { QueryEtterCommitmentList } from "@/api/modules/enterprise";
export default {
  // props:[],
  // 页面加载
  created() {
    this.getBook();
  },
  // 页面加载完成
  mounted() {},
  //实例销毁之前
  beforeDestroy() {},
  //实例销毁后
  destroyed() {},
  data() {
    return {
      data: {},
    };
  },
  // 方法
  methods: {
    getBook() {
      QueryEtterCommitmentList({
        id: sessionStorage.getItem("interpretation"),
      }).then((res) => {
        this.data = res.data;
      });
    },
  },
  // 监听属性
  watch: {},
  // 组件
  components: {},
  // 计算属性
  computed: {},
};
</script>

<style lang="scss" scoped>
.title {
  font-size: $large-title;
}
.right {
  text-align: right;
}
.sign{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
</style>